<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<c:set value="${pageContext.servletContext.contextPath }" var="ctx"/>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<SCRIPT src="${ctx}/resources/js/Clock.js" type=text/javascript></SCRIPT>
<title>权限管理系统</title>
<style type="text/css">
    body {
        font-family: "Microsoft YaHei" ! important;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .right_top {
        width: 100%;
        height: 100%;
        font-size: 12px;
        color: #FFFFFF;
        background-color: #64b7e1;
    }
    .systemname{
        height: 100%;line-height: 83px;word-spacing: 5px;padding-left: 40px;
        font-size: 40px;font-weight: bolder;color: #ffffff;vertical-align: middle;
        float: left;
    }
    .wellcome{
        float: right;
        font-size: 14px;
        font-weight: bold;
    }
    .wellcome #clock{
        text-align: right;padding: 10px 20px 5px 5px;
    }
    .wellcome .msginfo{
        vertical-align: text-bottom;
        text-align: right;padding: 10px 15px 5px 5px;
    }
    .input_btn_style1{ background:#ffffff url(${ctx}/resources/images/bg_x.gif) 0px 0px repeat-x;
        height: 23px; border: 1px solid #7F9DB9; color: #1E5494; font-size: 12px; line-height: 20px;
        text-align: center; cursor: pointer;}
    .input_btn_style1:hover{border: 1px solid #FFFFFF;color: #FF0000;}
</style>
</head>

<body>
<div class="right_top">
    <div class="systemname">权限管理系统</div>
    <div class="wellcome">
        <div id="clock"></div>
        <div class="msginfo">
            您好，<sec:authentication property="name"/>！欢迎登录权限管理系统！
            <a href="${ctx}/logout" target="_top">
            <input type="button" value="退出登录" class="input_btn_style1"/></a>
        </div>
    </div>
</div>
<SCRIPT type=text/javascript>
    var clock = new Clock();
    clock.display(document.getElementById("clock"));
</SCRIPT>
</body>
</html>